<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>类型选择</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../../plugins/mui/mui.min.css">
    <link rel="stylesheet" href="../../css/my/security/index.css" />
    <script src="../../js/statistics.js"></script>
    <script src="../../js/fontset.js"></script>
</head>
<body>
<header class="mui-bar mui-bar-nav header">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">类型选择</h1>
</header>
<div class="mui-content content-check">
	<ul class='mui-table-view'>
        <li class='mui-table-view-cell'  >
        	<a class="mui-navigate-right" href="javascript:;" data-href="security-basic.html">
        		<i class="icon icon-jc"></i>基础信息
        	</a>
        </li>
    </ul>
	<ul class='mui-table-view'>
        <li class='mui-table-view-cell' >
        	<a class="mui-navigate-right" href="javascript:;" data-href="security-info-endowment.html">
        		<i class="icon icon-endowment"></i>养老保险
        	</a>
        </li>
        <li class='mui-table-view-cell'  >
        	<a class="mui-navigate-right" href="javascript:;" data-href="security-info-medical.html">
        		<i class="icon icon-medical"></i>医疗保险
        	</a>
        </li>
        <li class='mui-table-view-cell'  >
        	<a class="mui-navigate-right" href="javascript:;" data-href="security-info.html" data-type="unemployment">
        		<i class="icon icon-unemployment"></i>失业保险
        	</a>
        </li>
        <li class='mui-table-view-cell'  >
        	<a class="mui-navigate-right" href="javascript:;" data-href="security-info.html" data-type="injury">
        		<i class="icon icon-gs"></i>工伤保险
        	</a>
        </li>
        <li class='mui-table-view-cell'  >
        	<a class="mui-navigate-right" href="javascript:;" data-href="security-info.html" data-type="maternity">
        		<i class="icon icon-maternity"></i>生育保险
        	</a>
        </li>
    </ul>
</div>	

<script type="text/javascript" src="../../plugins/jquery/jquery-3.1.0.min.js"></script>
<script src="../../plugins/mui/mui.min.js"></script>
<!--<script type="text/javascript" src="../plugins/mui/update.js"></script>-->
<script src="../../js/getApiToken.js"></script>
<script src="../../js/md5.js"></script>
<script src="../../js/life_housekeeper/windowTitleView.js"></script>
<script src="../../js/my/security/index.js" ></script>
<script type="text/javascript">
	mui.init();
	mui.plusReady(function(){
		mui('.content-check').on('tap','a',function(){
			var _this = this,
			dataHref = _this.getAttribute('data-href').trim(),
			title = _this.innerText.trim()+"查询",
			type = _this.getAttribute('data-type') || '';
	//		console.log(_this.innerText.trim())
	//		console.log(dataHref);
	//		console.log(type);
	//		return;
			if(!dataHref || dataHref == ''){
				return;
			}
			var viewOptions = {
				url:dataHref,
				id:dataHref
			},
			extras ={
				title:title,
				type:type
			},
			titleOptions = {
				title:title,
				backImg:'whiteBack'
			};
			addTitleView(viewOptions,extras,titleOptions);
		})
	})
//	function show(){
//		console.log(document.querySelectorAll('.mui-content')[0].classList);
//		document.querySelectorAll('.mui-content')[0].classList.remove('mui-hidden');
//		
//		mui('.content-check').on('tap','a',function(){
//			var _this = this,
//			dataHref = _this.getAttribute('data-href');
//			console.log(dataHref);
//		})
//	}
</script>
</body>
</html>
